<template>
<view class="coupon-window}}">
   <view class="iconfont icon-guanbi3" @tap="close"></view>
   <view class="couponWinList">
     <view class="msgtip">分享赚</view>
     <view class="money">￥{{brokeragePrice}}</view>
   </view>
   <view class="lid">
      <view hover-class="none" @tap="sharedFn" class="bnt font-color">立即分享</view>
   </view>
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {},
  props: {
    isAgent: {
      type: Boolean,
      default: true
    },
    brokeragePrice: {
      type: Number,
      default: 0
    }
  },
  beforeMount: function () {},
  methods: {
    close: function () {
      this.$emit('onColse');
    },
    sharedFn: function () {
      this.$emit('sharedFn');
    }
  }
};
</script>
<style>

.coupon-window{background-image:url('');
  background-repeat:no-repeat;
  background-size:100% 100%;
  width:180rpx;
  height:180rpx;
  position:fixed;
  top:65%;
  left:80%;
  margin-left:-35rpx;
  transition:all .3s cubic-bezier(.25,.5,.5,.9);
}
/*
.coupon-window.on{
  transform:translate3d(0,0,0);
}
*/
.coupon-window .couponWinList{
  height:105rpx;
  margin-top: 10rpx;
}
.coupon-window .lid{
  background-image:url('');
  background-repeat:no-repeat;
  background-size:100% 100%;
  width: 156rpx;
  height: 74rpx;
  position: fixed;
  left: 88%;
  margin: 12rpx 0 0 -83rpx;
}
.coupon-window .lid .bnt{
  font-size: 29rpx;
  width: 140rpx;
  height: 40rpx;
  border-radius:20rpx;
  background-color:#f9f1d3;
  text-align:center;
  line-height: 40rpx;
  font-weight:bold;
  margin:25rpx auto 0 auto;
}
.coupon-window .iconfont{
  color:#fff;
  background: #000;
  position: fixed;
  border-radius: 20rpx;
  left: 85%;
  top: 61%;
}
.coupon-window .msgtip{
  color:#fff;
  font-size: 30rpx;
  text-align: center;
  margin-top: 18rpx;
}

.coupon-window .money{
  color:#fff;
  font-size: 38rpx;
  padding-top: 2rpx;
  text-align: center;

}
</style>